<template>
  <div class="list-item">
    <div class="header">
      <slot name="title">LOTE 2019第十一届国际物联网展</slot>
    </div>
    <div class="content">
      <slot name="content"></slot>
    </div>
    <!-- <div class="footer" v-if="show">
      <slot name="footer"></slot>
    </div>-->
  </div>
</template>
<script>
export default {
  name: 'list-item',
  props: {
    show: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    handleOnClick() {
      this.$emit('onClick');
    }
  }
}
</script>
<style lang="less" scoped>
@import url("../../assets/less/base.less");
.list-item {
  width: 100%;
  position: relative;
  margin-bottom: 0.3rem;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 0.32rem;
  .header {
    position: relative;
    padding: 0.28rem 0.2rem;
    color: #222222;
    font-size: 0.32rem;
    font-weight: 500;
    &::after {
      .after;
    }
  }
  .content {
    width: 100%;
    padding: 0.24rem 0.2rem 0.1rem;
  }
  // .footer {
  //   width: 100%;
  //   position: relative;
  //   padding: 0.2rem;
  //   &::after {
  //     content: "";
  //     width: 100%;
  //     height: 1px;
  //     position: absolute;
  //     left: 0;
  //     top: 0;
  //     transform: translateY(-50%);
  //     background-color: #d9d9d9;
  //   }
  // }
}
</style>
